.overview {
	margin-top: 42px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.overview > li {
	width: 160px;
	text-align: center;
	text-shadow: 3px 2px 1px rgba(0, 0, 0, 1);
}

.overview > li > .battle-char-box {
	display: inline-block;
	margin-bottom: 16px;
	width: 136px;
	height: 136px;
	border-radius: 50%;
}

.overview > li > .battle-char-box.rarity-4 {
	background: linear-gradient(0deg, #917ab1 0%, #6c6192 100%) #917ab1;
	box-shadow: 0 0 0 9px rgba(177, 215, 255, .2);
}

.overview > li > .battle-char-box.rarity-5 {
	background: linear-gradient(0deg, #de9552 0%, #9a6d43 100%) #9a6d43;
	box-shadow: 0 0 0 9px rgba(255, 215, 135, .2);
}

.overview > li > .battle-char-box > img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
}

.overview > li > p {
	margin: 8px;
	font-size: 24px;
}